<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <div class="panel panel-danger">
                <div class="panel-heading">未处理订单</div>
                <div class="panel-body">
                    <ul class="list-group">
                        <li  class="list-group-item pointer" ng-repeat="orderItem in data.order.list">
                            {{orderItem.name}}
                        </li>
                    </ul>
                    <uib-pagination total-items="data.order.totalElements"
                                    ng-show="data.order.totalElements >1"
                                    next-text="下一页"
                                    previous-text="上一页"
                                    max-size="3"
                                    items-per-page="data.order.limit"
                                    ng-model="data.order.page"></uib-pagination>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="panel panel-primary">
                <div class="panel-heading">未签收订单</div>
                <div class="panel-body">
                    <ul class="list-group">
                        <li  class="list-group-item pointer" ng-repeat="orderItem in data.order.list">
                            {{orderItem.name}}
                        </li>
                    </ul>
                    <uib-pagination total-items="data.order.totalElements"
                                    ng-show="data.order.totalElements >1"
                                    next-text="下一页"
                                    previous-text="上一页"
                                    max-size="3"
                                    items-per-page="data.order.limit"
                                    ng-model="data.order.page"></uib-pagination>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="panel panel-warning">
                <div class="panel-heading">已退回订单</div>
                <div class="panel-body">
                    <ul class="list-group">
                        <li  class="list-group-item pointer" ng-repeat="orderItem in data.order.list">
                            {{orderItem.name}}
                        </li>
                    </ul>
                    <uib-pagination total-items="data.order.totalElements"
                                    ng-show="data.order.totalElements >1"
                                    next-text="下一页"
                                    previous-text="上一页"
                                    max-size="3"
                                    items-per-page="data.order.limit"
                                    ng-model="data.order.page"></uib-pagination>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="panel panel-success">
                <!-- Default panel contents -->
                <div class="panel-heading">各超市进货排行</div>
                <div class="panel-body">
                    <div id="statisticsBySupermarkChart" class="echarts">

                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-success">
                <!-- Default panel contents -->
                <div class="panel-heading">本年度各产品销售趋势</div>
                <div class="panel-body">
                    <div id="statisticsByYearChar" class="echarts">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>